import React from 'react'
import { NavBar, Toast } from 'antd-mobile'
import {useNavigate, useLocation} from 'react-router-dom'
import {Wrapper} from './style'


 const Homedetail = () => {
    const {state:{video}} = useLocation()
    const navigate = useNavigate()
    const back = () => navigate(-1)
  return (
    <Wrapper>
      <NavBar onBack={back} className="top">详情</NavBar>
      <video className= "video" autoPlay width="100%" height="100%" loop
      src={video}>
      </video>
    <div className='aside'>
      <i className='icon iconfont icon-xihuan1'></i>
      <div className='text'>1.9万</div>
      <i className='icon iconfont icon-shoucang'></i> 
      <div className='text'>1.3万</div>
      <i className='icon iconfont icon-pinglun'></i>
      <div className='text'>1.7万</div>
      <i className='icon iconfont icon-zhuanfa'></i>
      <div className='text'>0.9万</div>
    </div>
    </Wrapper>
  )
}
export default Homedetail